<!DOCTYPE html>
<html>
<head>
	<script>
		    document.addEventListener("plusready", function() {
		        // 注册返回按键事件
		        plus.key.addEventListener('backbutton', function() {
		            // 事件处理
		            window.history.back();
		        }, false);
		    });
	</script>
	<meta charset="utf-8">
	<title>成绩分析</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script type="text/javascript" src="../js/Chart.js"></script>
		<link rel="stylesheet" href="../css/bootstrap.css">  
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="../js/bootstrap.js"></script>
		<script src="../js/echarts.min.js"></script>
</head>
	<style>
		th{
			width: 20%;
			text-align: center;
		}
		td{
			text-align: center;
		}
	</style>
<body>
	<div class="table-responsive">
		<table class="table">
			<thead>
				<tr>
					<th>学期</th>
					<th>平均绩点分</th>
					<th>最低/最高分</th>
					<th>最低分科目</th>
					
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>第一学期</td>
					<td>73.5</td>
					<td>67/89</td>
					<td>高等数学一</td>
					
				</tr>
				<tr>
					<td>第二学期</td>
					<td>75.25</td>
					<td>42/93</td>
					<td>大学物理一</td>
				</tr>
				<tr>
					<td>第三学期</td>
					<td>74</td>
					<td>62/84</td>
					<td>英语三</td>
				</tr>
				<tr>
					<td>第四学期</td>
					<td>76.8</td>
					<td>53/87</td>
					<td>电路</td>
				</tr>
				<tr>
					<td>第五学期</td>
					<td>81</td>
					<td>63/94</td>
					<td>计算机组成原理</td>
				</tr>
				<tr>
					<td>第六学期</td>
					<td>83</td>
					<td>66/94</td>
					<td>微机原理</td>
				</tr>
			</tbody>
		</table>
	</div> 
		<div>
			<div id="main" style="width: 370px;height: 350px;"></div>
        	<script type="text/javascript" src="../js/level.js"></script>
        </div>
	</body>
</html>